<template>
  <div class="dy">
    <div class="box">
      <img class="title" src="@/assets/image/dytitle.png" alt=""/>
      <img class="text" src="@/assets/image/text.png" alt=""/>
      <router-link class="from" to="/">
        <img src="@/assets/image/from.png" alt="" />
      </router-link>
    </div>
  </div>
</template>

<script>
export default {
  name: 'AppIndex',
  data () {
    return {
    }
  }
}
</script>

<style lang="scss" scoped>
.dy {
    width: 100%;
    height: 100vh;
    background: url('@/assets/image/dybg.png') no-repeat;
    background-size: cover;
    position: relative;
  }
  .box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
		width: 100%;
  }
  .title {
    width: 81vw;
  }
  .text {
    width: 80vw;
    margin-top: 11vw;
  }
  .from {
    display: inline-block;
    width: 66vw;
    margin-top: 42vw;
  }
</style>
